<template>
    <el-card>
        <my-bread level1="权限管理" level2="权限列表"></my-bread>

        <el-table :data="rightlist" border style="width: 100% align">
            <el-table-column
                type="index"
                label="编号"
                align="center"
                width="80"
            >
            </el-table-column>
            <el-table-column
                prop="date"
                label="权限名称"
                align="center"
                width="180"
            >
            </el-table-column>
            <el-table-column
                prop="name"
                label="路径"
                align="center"
                width="180"
            >
            </el-table-column>
            <el-table-column
                prop="address"
                label="层级"
                align="center"
                width="428"
            >
            </el-table-column>
        </el-table>
    </el-card>
</template>

<script>
export default {
    data() {
        return {
            rightlist: [
                {
                    date: "2016-05-02",
                    name: "王小虎",
                    address: "上海市普陀区金沙江路 1518 弄",
                },
                {
                    date: "2016-05-04",
                    name: "王小虎",
                    address: "上海市普陀区金沙江路 1517 弄",
                },
                {
                    date: "2016-05-01",
                    name: "王小虎",
                    address: "上海市普陀区金沙江路 1519 弄",
                },
                {
                    date: "2016-05-03",
                    name: "王小虎",
                    address: "上海市普陀区金沙江路 1516 弄",
                },
            ],
        };
    },
};
</script>
<style >
.el-table {
    width: 75%;
    margin-top: 5px;
}
</style>